<template>
    <div id="link-container">
      <div class="crumb">
        <crumb/>
      </div>
      <div class="main">
        <div class="top-box">
          <span class="t1">商务出国综合案例</span>
          <span class="t2">背景介绍</span>
        </div>
        <div class="main-box">
          <link-box></link-box>
          <link-box></link-box>
        </div>
      </div>
    </div>
</template>

<script>
import linkBox from './components/linkList/linkBox'
export default {
  name: 'linkList',
  data () {
    return {
      resourceCaseId: null
    }
  },
  created () {
    this.resourceCaseId = this.$route.query.resourceCaseId
  },
  components: {
    linkBox
  }
}
</script>

<style scoped lang="scss">
#link-container{
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  .crumb{
    width: 1200px;
  }
  .main{
    width: 1200px;
    height: 80vh;
    background-color: white;
    box-sizing: border-box;
    padding: 10px;
    border: solid 1px #e5e5e5;
    display: flex;
    flex-flow: column nowrap;
    .top-box{
      width: 100%;
      height: 80px;
      display: flex;
      align-items: center;
      background-color: #F5F5F5;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 30px;
      .t1{
        font-size:24px;
        color:rgba(16,29,55,1);
      }
      .t2{
        font-size:14px;
        color:rgba(0,156,246,1);
        cursor: pointer;
      }
    }
    .main-box{
      width: 100%;
      overflow-y: auto;
      height: calc(80vh - 75px);
      background-color: #FAFAFA;
      margin-top: 5px;
      display: flex;
      flex-flow: column nowrap;
      align-items: center;
    }
  }
}
</style>
